var utils = require('../../../utils/util.js')
var c = require('../../../utils/config.js')
var s = require('../../../utils/sign.js')
// canvas 全局配置
var context = null;// 使用 wx.createContext 获取绘图上下文 context
var isButtonDown = false;
var arrx = [];
var arry = [];
var arrz = [];
var canvasw = 0;
var canvash = 0;
//获取系统信息
wx.getSystemInfo({
    success: function (res) {
        canvasw = res.windowWidth;//设备宽度
        canvash = res.windowWidth*1.5;
    }
});
//注册页面
Page({
    canvasIdErrorCallback: function (e) {
        console.error(e.detail.errMsg)
    },
    canvasStart: function (event) {
        isButtonDown = true;
        arrz.push(0);
        arrx.push(event.changedTouches[0].x);
        arry.push(event.changedTouches[0].y);
        //context.moveTo(event.changedTouches[0].x, event.changedTouches[0].y);

    },
    canvasMove: function (event) {
        if (isButtonDown) {
            arrz.push(1);
            arrx.push(event.changedTouches[0].x);
            arry.push(event.changedTouches[0].y);
            // context.lineTo(event.changedTouches[0].x, event.changedTouches[0].y);
            // context.stroke();
            // context.draw()

        };

        for (var i = 0; i < arrx.length; i++) {
            if (arrz[i] == 0) {
                context.moveTo(arrx[i], arry[i])
            } else {
                context.lineTo(arrx[i], arry[i])
            };

        };
        context.clearRect(0, 0, canvasw, canvash);
        context.stroke();

        context.draw(true);
    },
    canvasEnd: function (event) {
        isButtonDown = false;
    },
    cleardraw: function () {
        //清除画布
        arrx = [];
        arry = [];
        arrz = [];
        context.clearRect(0, 0, canvasw, canvash);
        context.draw(true);
    },
    getimg: function () {
        if (arrx.length == 0) {
            wx.showModal({
                title: '提示',
                content: '签名内容不能为空！',
                showCancel: false
            });
            return false;
        };
        var data = {
            url: '/comv1/attachment/upimg',
            partner: 5500,
        };
        data['sign'] = s.sign(data);
        //生成图片
        wx.canvasToTempFilePath({
            canvasId: 'canvas',
            success: function (res) {
                console.log(res);
                wx.uploadFile({
                    url: c.api_url,
                    filePath: res.tempFilePath,
                    name: 'file',
                    formData: data,
                    success: function (res) {
                        //上传头像
                        var data = JSON.parse(res.data);
                        console.log(data.data.url);
                        //=== 1. 存储到app对象上的方式 ========
                        var app = getApp()
                        app.globalData.user_sign = data.data.url;  //存储数据到app对象上
                        wx.navigateBack();  //返回上一个页面
                    }
                })
               
            }
        })

    },
    /**
     * 页面的初始数据
     */
    data: {
        src: ""
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        // 使用 wx.createContext 获取绘图上下文 context
        context = wx.createCanvasContext('canvas');
        context.beginPath()
        context.setStrokeStyle('#000000');
        context.setLineWidth(4);
        context.setLineCap('round');
        context.setLineJoin('round');
    }
})